<template>
   <div class="content">
   	<div class="input size">
   		<el-row class="demo-autocomplete">
   			<!-- style="align-items: flex-end" -->
   			<el-col :span="4" class="inpt_in">
   				<el-form class="demo-form-inline">
   					<el-form-item label="开始时间" :label-width="formLabelWidth">
   						<el-input  v-model="Users.useId" autocomplete="off" placeholder="请输入内容" style="width: 100%;"></el-input>
   					</el-form-item>
   				</el-form>
   			</el-col>
   			<el-col :span="4" class="inpt_in">
   				<el-form class="demo-form-inline">
   					<el-form-item label="结束时间" :label-width="formLabelWidth">
   						<el-input v-model="Users.email" autocomplete="off" placeholder="请输入内容" style="width: 100%;"></el-input>
   					</el-form-item>
   				</el-form>
   			</el-col>
   			<el-col :span="2" class="inpt_in">
   				<el-button style="width:80%;" type="primary" @click="PaymentSearch">搜索</el-button>
   			</el-col>
			<el-col :span="2" class="inpt_in">
				<el-button style="width:80%;">导出</el-button>
			</el-col>
   		</el-row>
   	</div>
   	<div class="boder">
   		<el-row>
   			<el-table :data="ylTablData" border style="width: 100%" :header-cell-style="{'text-align':'center','color':'rgba(0,0,0,0.85)'}"
   			 stripe>
   				<el-table-column prop="userId" label="日期" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="email" label="当日充值金额" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="nickname" label="佣金" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="name" label="开箱利润" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="qualityName" label="采购利润" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="img" label="回收利润" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="price" label="商城利润" width="180" align="center">
   				</el-table-column>
   				<el-table-column prop="priceRusCost" label="支付通道成本" width="180" align="center">
   				</el-table-column>
				<el-table-column prop="priceRusCost" label="毛利润" width="180" align="center">
				</el-table-column>
   			</el-table>
   		</el-row>
  		<el-pagination background layout="prev, pager, next,total" :page-count="getDataDs.pageCount" @current-change="handleCurrent">
   		</el-pagination>
   	</div>
   </div>
</template>
<script>
	import api from '../../../api/PurchaseDelivery/index.js'
export default {
    data() {
    	return {
    		formLabelWidth: '6vw',
			getDataDs: {
				"currentPage": 1,
				"pageSize": 5,
				"total": 100,
				"pageCount": 0,
				"query": {
					"product_type": 1,
					"name": "",
					"type": "",
					"state": ""
				}
			},
			Users: {
				useId: '',
				email:'',
				nickname: '',
				code: '',
				currentPage: 1,
				pageSize:5
			},
    	}
    },
	created() {
		
	},
	methods: {
		PaymentSearch() {
			this.$axios.get(`${api}/gamemall/balance/list`,this.Users)
				.then(res => {
					console.log(res)
				})
				.catch(err => {
					// this.$message({
					// 	message: '请求异常',
					// 	type: 'warning'
					// })
				});
		}
	}
}
</script>

<style scoped>
	 .content {
	 	width: 99%;
	 	height: 99%;
      	margin-left: 0.5%;
	 	border: 1px solid #EBEEF5;
	 	background-color: #FFF;
	 	border-radius: 0.325rem;
	 }
	
	 .inpt_in {
   	   margin-top: 3%;
	 }
	
	 .boder {
	 	width: 98%;
	 	height: 75%;
	 	border: 1px solid #EBEEF5;
	 	margin-top: 2%;
	 	margin-left: 1%;
      }
	
	 .size {
	 	font-size: 0.8rem;
	 	color: #606266;
	 }
</style>